<template>
     <div class="b-content"> 
        <div class="add-title">
            <div class="quit-btn" @click="quit()"><i class="el-icon-arrow-left"></i></div>
            <div class="add-title-text">2009年计算机统考(408)选择题部分</div>
            <div class="b-quit">添加</div>
        </div>
        <div class="form">
            <div class="form-item">
                <div class="item-tag">题目描述</div>
                <div class="item-input"> 
                    <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="question.questionText"></el-input>
                </div>
            </div>
            <div class="select-box">
                <div class="select-item">
                    <div class="item-tag">选项类型</div>
                    <el-radio v-model="radio" label="1">单选</el-radio>
                    <el-radio v-model="radio" label="2">多选</el-radio>
                </div>
            </div>
            <div class="form-item">
                <div class="item-tag">选项 A</div>
                <div class="item-input"> 
                    <el-input type="textarea" :rows="1" placeholder="请输入内容" v-model="question.questionText"></el-input>
                </div>
            </div>
            <div class="form-item">
                <div class="item-tag">选项 B</div>
                <div class="item-input"> 
                    <el-input type="textarea" :rows="1" placeholder="请输入内容" v-model="question.questionText"></el-input>
                </div>
            </div>
            <div class="form-item">
                <div class="item-tag">选项 C</div>
                <div class="item-input"> 
                    <el-input type="textarea" :rows="1" placeholder="请输入内容" v-model="question.questionText"></el-input>
                </div>
            </div>
            <div class="form-item">
                <div class="item-tag">选项 D</div>
                <div class="item-input"> 
                    <el-input type="textarea" :rows="1" placeholder="请输入内容" v-model="question.questionText"></el-input>
                </div>
            </div>
            <div class="select-box">
                <div class="select-item">
                    <div class="item-tag">正确选项</div>
                    <el-checkbox-group v-model="checkList">
                        <el-checkbox label="A"></el-checkbox>
                        <el-checkbox label="B"></el-checkbox>
                        <el-checkbox label="C"></el-checkbox>
                        <el-checkbox label="D"></el-checkbox>
                    </el-checkbox-group>
                </div>
            </div>
             <div class="form-item">
                <div class="item-tag">题目解析</div>
                <div class="item-input"> 
                    <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="question.questionText"></el-input>
                </div>
            </div>
        </div>
     </div>
</template>

<script>
    export default {
        name:"AddQ",
        data(){
            return {
                question:{
                    questionText:"hahahahahhahahahahahahaha"
                },
                radio: '1',
                checkList: [],
            }
        },
        mounted(){
            this.init();
        },
        methods:{
            init(){

            },
            quit(){
                this.$router.push('/bookdetail');
            },
        }
    }
</script>

<style lang="scss">
    @import './../assets/scss/addq.scss';
</style>